html,body{
    padding:0;
    margin:0;
}
body{
    background: #fff;
    color:#717171;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
ul, li{
    list-style:none;
    margin:0;
    padding:0;
}
a{
    color: #717171;
    text-decoration:none;	
}
a:hover, a.active{
    color:#ecab11;
}
p{
    font-size:14px;
    line-height:24px;
    text-align:justify;
}
.wrapper{
    width:980px;
    margin:0 auto;
}
.container, .logo, .header,.sub-header, .banner, .row-title, .home-row, .brand-row, .footer, .about-row, .stockists-row, .news-row, .pagination, .post-row, .item-row, .contact-row{
    position:relative;
    float:left;
    width:980px;
}

.logo{
    text-align:center;
    margin-top:30px;
    margin-bottom:15px;
}
.logo img{
    width:300px;
    height:auto;
}
.header, .sub-header{
    border-top:solid 3px #eeb32b;
    border-bottom:solid 3px #eeb32b;	 
    height:30px;
    overflow:hidden;
    text-align:center;
    /*font-family: 'Lato', sans-serif;*/
    /*font-family: sans-serif;*/
    font-size:17px;
    font-weight:300;
    margin-bottom:30px;
    padding-top:15px;
}
.sub-header{
    border-top:none;
    margin-top:-30px;
    border-bottom:none;
    font-size:14px;
    background:#eeb32b;
    text-align:left;
    overflow:visible;
    padding-top:0;
    height:40px;
}
.header ul.nav li, .sub-header ul.nav li{
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
}
.sub-header ul.nav li{
    padding:10px 20px;
    height:20px;
}
.sub-header ul li a{
    color:#fff;
}
.sub-header ul li a:hover, .sub-header ul li a.active{
    border-bottom:solid 1px #fff;
}
.sub-header ul li ul{
    position:absolute;
    top:40px;
    left:0;
    width:100%;
    background:#ddd;
    display:none;
}
.sub-header ul li img{
    height: 25px;
    float:left;
    position: relative;
}

.sub-header ul li:hover ul, .sub-header ul li ul.show{
    display:block;
}
.sub-header ul li ul li{
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
}
.sub-header ul li ul li a{
    color:#333;
    z-index:999;
}
.sub-header ul li ul li a:hover, .sub-header ul li ul li a.active{
    border-bottom: solid 1px #333;
}
.banner{
    height:430px;
    overflow:hidden;
    margin-bottom:35px;
}
.row-title{
    border-top:solid 1px #d0d0d0;
    margin-bottom:35px;
}
.row-title h3{
    position:relative;
    float:left;
    color:#ecab11;
    font-family: 'Lato', sans-serif;
    font-size:20px;
    font-weight:400;	
    margin:0;
    padding:0 10px 0px 0;
    background:#fff;
    margin-top:-14px;
}
.row-title h3 a{
    color:#ecab11;
}
.row-title h3 a:hover{
    text-decoration:underline;
}
.home-row{
    margin-bottom:45px;
}
.first-row{
    padding-bottom:35px;
    border-bottom:1px solid #8c8c8c;
}
.col-3, .col-3 a{
    position:relative;
    float:left;
    width:300px;
}
.col-3:nth-child(2){
    margin-left:40px;
    margin-right:40px;
}
.col-3 a img{
    width:300px;
    height:auto;
}
.col-3 a h4{
    font-size:16px;
    font-weight:100;
    margin:15px 0 0 0;
    padding:12px 0 4px 30px;
    height:20px;
    color: #ecab11;
    background:url(../img/junt_ico.png) left center no-repeat;
}
.news-row a h4{
    background:none;
    padding-left:0;
    padding-top:0px;
    padding-bottom:0;
}
.col-3 a p{
    color:#717171;
    font-size:14px;
    line-height:24px;
    margin:10px 0 10px 0;
}
.col-3 a p.des{
    height:72px;
}
.news-row{
    margin-bottom:30px;
}
.news-row a p.des{
    height:50px;
}
.col-3 a p.more{
    text-align:right;
    color:#ecab11;
}
.col-3 a p.more:hover{
    text-decoration:underline;
}
.brand-row{
    margin-bottom:30px;
}
.brand-row ul{
    position:relative;
    float:left;
    width:980px;
}
.brand-row ul li{
    position:relative;
    float:left;
    width:150px;
    height:90px;
    margin-right:56px;
}
.brand-row ul li:last-child{
    margin-right:0;
    float:right;
}
.footer{
    border-top:solid 3px #eeb32b;
    border-bottom:solid 3px #eeb32b;	
    padding:10px 0 10px 0;
    margin-bottom:40px;
}
.footer p{
/*    position:relative;
    float:left;
    width:500px;*/
    margin-top:20px;
    padding:0;
    margin-bottom:0;
    font-size:14px;
}
.footer p.footer-smaller{margin-top: -10px;font-size: 10px}
.footer .social-link{
    position:relative;
    float:right;
    text-align:right;
    width:480px;
    margin-top:5px;
    font-size:14px;
}
.footer .social-link .contact-link{
    display:block;
    margin-bottom:5px;
}
.about-row, .stockists-row{
    margin-bottom:30px;
}
.stockists-row h3, .contact-row h3{
    font-family: 'Lato', sans-serif;
    font-size:22px;
    font-weight:300;
    color:#ecab11;
    margin:0 0 10px 0;
}
.contact-row h3{
    font-weight:500;
    margin-bottom:40px;
}
.stockists-row .stores-list, .stockists-row .contact-list{
    position:relative;
    float:left;
    width:900px;
    margin:10px 50px;
}
.contact-row .contact-list{
    position:relative;
    float:left;
    width:299px;
    border-right:solid 1px #999;
    margin-bottom:40px;
}
.stockists-row .stores-list h4, .contact-row .contact-list h4{
    font-family: 'Lato', sans-serif;
    font-size:17px;
    font-weight:400;
    color:#ecab11;
}
.stockists-row .stores-list ul, .contact-row .contact-list ul{
    position:relative;
    float:left;
    width:100%;
}
.stockists-row .stores-list ul li, .contact-row .contact-list ul li{
    position:relative;
    float:left;
    width:299px;
    margin-bottom:20px;
}
.contact-row .contact-list ul li{
    width:279px;
    margin-right:20px;
}
.contact-list ul li:last-child{
    margin-bottom:0px;
}
.stockists-row .stores-list ul li h5, .contact-row .contact-list ul li h5{
    font-size:14px;
    margin:0 0 10px 0;
    color:#717171;
}
.stockists-row .stores-list ul li p, .contact-row .contact-list ul li p{
    margin:0;
    padding-bottom:5px;
    font-size:13px;
}
.contact-row .contact-form{
    position:relative;
    float:right;
    width:639px;
    margin-left:40px;
}
.contact-form-left, .contact-form-right{
    position:relative;
    float:left;
    width:169px;
    font-size:14px;
}
.contact-form-row{
    position:relative;
    float:left;
    width:100%;
    margin-bottom:12px;
}
.contact-form-left{
    padding-top:8px;
}
.contact-form-right{
    width:370px;
}
.contact-form-right input[type="text"], .contact-form-right textarea{
    width:250px;
    padding:5px;
    font-size:14px;
    border:solid 1px #ddd;
}
.contact-form-right textarea{
    width:358px;
    height:100px;	
}
.contact-form-right input[type="submit"]{
    border:none;
    background:#ecab11;
    padding:8px 5px;
    position:relative;
    float:right;
    width:100px;
    color:#fff;
    font-size:14px;
}
.contact-form-right input[type="submit"]:hover{
    cursor:pointer;
    background:#FC0;
}
.news-row{
    height:400px;
    overflow:hidden;
    margin-bottom:50px;
}
.news-left-img{
    margin-right:60px;
}
.news-left-img, .news-left-img img{
    position:relative;
    float:left;
    width:620px;
    height:400px;
}
.news-right-content{
    position:relative;
    float:left;
    width:300px;
    margin-top:20px;
}
.news-right-content a{
    display:block;
    color:#555;
    font-size:18px;
}
.news-right-content a:hover{
    color:#ecab11;
}
.news-right-content p{
    margin:5px 0;
}
.news-right-content p.post-date, .news-right-content a.post-more, .post-row p.post-date{
    text-align:right;
    font-style:italic;
    margin-bottom:10px;
    font-size:14px;
}
.pagination{
    text-align:center;
    margin-top:-20px;
    margin-bottom:40px;
}
.pagination ul li{
    display:inline-block;
}
.pagination ul li a{
    display:block;
    margin:0px 5px;
    padding:5px 8px;
    background:#333;	
    color:#fff;
}
.pagination ul li.active a{
    background:#ecab11;
}
.pagination ul li a:hover, .pagination ul li a.active{
    background:#ecab11;	
}
.post-row{
    width:660px;
    margin:0px 160px 40px 160px;
}
.post-row img{
    max-width:660px;
}
.post-row h3.post-title{
    font-size:18px;
    margin-bottom:10px;
}
.margin-top-20{
    margin-top:20px;
}
.margin-top-25{
    margin-top:25px;
}
.margin-top-40{
    margin-top:40px;
}
.item-block{
    position:relative;
    float:left;
    width:215px;
    margin-right:40px;
    margin-bottom:40px;
}
.item-block:nth-child(4n+4){
    margin-right:0px;
}
.item-block a, .item-block a img{
    position:relative;
    float:left;
    width:215px;
}
.item-block a img{
    height:215px;
}
.item-block a{
    margin-bottom:15px;
    font-size:14px;
    text-align:center;
}
.item-block p{
    position:relative;
    float:left;
    margin-top:-10px;
    color:#000;
    font-weight:bold;
}
.item-left-img{
    margin-right:90px;
}
.item-left-img, .item-left-img img, #bx-pager{
    position:relative;
    float:left;
    width:510px;
    height:auto;
}
.item-left-img .bx-wrapper{
    margin-bottom:20px;
}
.item-block:hover a{
    color:#eeb32b;
}
#bx-pager{
    text-align:center;
}
#bx-pager a{
    display:inline-block;
    margin:10px;
    border:solid 1px #d0d0d0;
}
#bx-pager a img{
    width:100px;
    height:auto;
}
.item-right-content{
    position:relative;
    float:left;
    width:380px;
    margin-bottom:30px;
}
.item-right-content h3, .item-right-content .item-price{
    display:block;
    color:#000;
    font-size:18px;
    line-height:26px;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:0;
}
.item-right-content h3.item-title{
    position:relative;
    float:left;
    width:280px;
    padding-bottom:15px;
    border-bottom:solid 1px #d0d0d0;	
}
.item-right-content .item-price{
    position:relative;
    float:right;
    width:100px;
    text-align:right;
    line-height:26px;
}


.item-right-content h4{
    position:relative;
    float:left;
    width:380px;
    color:#000;
    font-size:16px;
    line-height:24px;
    font-weight:bold;
    margin-bottom:0px;
}
.item-right-content p{
    position:relative;
    float:left;
    width:380px;
    font-size:13px;
    line-height:18px;
    margin-bottom:0;
}
.item-right-content .item-color-list {
    position:relative;
    float:left;
    width:100%;
    margin-top:10px;
}
.item-right-content .item-color-list li{
    position:relative;
    float:left;
    margin-right:5px;
}
.item-right-content .item-color-list li a img{
    width:50px;
    height:auto;
}
.footer-left{
    float: left;
    position: relative;
    width: 500px;
}